﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ucRegister.ascx.cs" Inherits="usercontrol_ucRegister" %>

<%@ Register Assembly="NatsNet.Web.UI.Controls" Namespace="NatsNet.Web.UI.Controls"
    TagPrefix="cc1" %>



<div class="container">
    <div id="title">
        <h1>Đăng ký thành viên</h1>
    </div>
    <div class="cont">
        <div class="form-cont box-large">
            <form id="form1" runat="server">
                <div id="cForm_statusMessage" class="errorMessage" style="">

                    <asp:ValidationSummary ID="valError" runat="server" EnableClientScript="False" />
                    <asp:CustomValidator ID="SaveValidate" runat="server" Display="None" ErrorMessage="CustomValidator" />
                    <asp:RequiredFieldValidator ID="rfvUserName" runat="server" ErrorMessage="Phải nhập tên"
                        Display="Dynamic" ValidationGroup="vAdd" ControlToValidate="txtUserName" SetFocusOnError="True"></asp:RequiredFieldValidator>
                    <asp:RequiredFieldValidator ID="rfvPass" runat="server" ErrorMessage="Phải nhập mật khẩu"
                        Display="Dynamic" ValidationGroup="vAdd" ControlToValidate="txtPass" SetFocusOnError="True"></asp:RequiredFieldValidator>
                    <asp:RequiredFieldValidator ID="rqvConfirmPass" runat="server" ErrorMessage="Phải nhập lại mật khẩu"
                        Display="Dynamic" ValidationGroup="vAdd" ControlToValidate="txtPassConfirm" SetFocusOnError="True"></asp:RequiredFieldValidator>
                    <asp:CompareValidator ID="cvPass" runat="server" ControlToCompare="txtPass" ValidationGroup="vAdd"
                        ControlToValidate="txtPassConfirm" Display="Dynamic" ErrorMessage="Mật khẩu không giống nhau"
                        SetFocusOnError="True"></asp:CompareValidator>
                    <asp:RequiredFieldValidator ID="rfvEmail" runat="server" ErrorMessage="Phải nhập Email"
                        Display="Dynamic" ValidationGroup="vAdd" ControlToValidate="txtEmail" SetFocusOnError="True"></asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator ID="revEmail" runat="server" ControlToValidate="txtEmail"
                        ValidationGroup="vAdd" Display="Dynamic" SetFocusOnError="True" ErrorMessage="Không phải Email"
                        ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
                    <asp:RequiredFieldValidator ID="rfvUserName0" runat="server" ErrorMessage="Phải nhập tên"
                        Display="Dynamic" ValidationGroup="vAdd" ControlToValidate="txtFullName" SetFocusOnError="True"></asp:RequiredFieldValidator>

                    <asp:Label ID="lbResult" runat="server" Font-Bold="True" ForeColor="#FF3300"></asp:Label>
                </div>
                <div id="innerform">
                    <div class="row">
                        <span class="label">
                            <label for="fm_name" class=" highlight">Tài khoản</label>
                        </span><span class="formw">
                            <asp:TextBox ID="txtUserName" runat="server" Width="300px"></asp:TextBox>
                        </span>
                    </div>
                    <div class="row">
                        <span class="label">
                            <label for="fm_email" class=" highlight">Mật khẩu</label>
                        </span><span class="formw">
                            <asp:TextBox ID="txtPass" Width="300px" TextMode="Password" runat="server"></asp:TextBox>
                        </span>
                    </div>
                    <div class="row">
                        <span class="label">
                            <label for="Telefon" class=" highlight">Nhập lại M.Khẩu</label>
                        </span><span class="formw">
                            <asp:TextBox ID="txtPassConfirm" Width="300px" TextMode="Password" runat="server"></asp:TextBox>
                        </span>
                    </div>
                    <div class="row">
                        <span class="label">
                            <label for="Telefon" class=" highlight">Email</label>
                        </span><span class="formw">
                            <asp:TextBox ID="txtEmail" Width="300px" runat="server"></asp:TextBox>
                        </span>
                    </div>
                    <div class="row">
                        <span class="label">
                            <label for="Telefon" class=" highlight">Tên đầy đủ</label>
                        </span><span class="formw">
                            <asp:TextBox ID="txtFullName" Width="300px" runat="server"></asp:TextBox>
                        </span>
                    </div>
                    <div class="row">
                        <span class="label">
                            <label for="Telefon">Website</label>
                        </span><span class="formw">
                            <asp:TextBox ID="txtWebsite" Width="300px" runat="server"></asp:TextBox>

                        </span>
                    </div>
                    <div class="row">
                        <span class="label">
                            <label for="Telefon">Phone</label>
                        </span><span class="formw">
                            <asp:TextBox ID="txtPhone" Width="300px" runat="server"></asp:TextBox>
                        </span>
                    </div>
                    <div class="row">
                        <span class="label">
                            <label for="Telefon">Địa chỉ</label>
                        </span><span class="formw">
                            <asp:TextBox ID="txtAddress" Width="300px" TextMode="MultiLine" Rows="3" runat="server"></asp:TextBox>
                        </span>
                    </div>
                    <div class="row hide">
                        <span class="formw">
                            <asp:ImageButton class="submitbutton inp-bt" ID="ImageButton1" runat="server" ValidationGroup="vAdd"
                                OnClick="BtnRegisterClick" ImageUrl="http://www.pointzero.ro/wp-content/themes/pz/images/b-send.jpg" />
                        </span>
                    </div>
                    <br class="clearthis">
                </div>

            </form>
        </div>
        <div class="box1 box2">
            <h2>Liên lạc</h2>
            Bạn có thể liên lạc với chúng tôi :
            <span class="touch phone">(+08) 88334455</span>
            <span class="touch emaill"><a href="mailto:admin@vinamilk.com">admin@vinamilk.com</a></span>
        </div>

    </div>

    <div class="clr"></div>
</div>
<style>
    label
    {
        display: block;
        float: left;
        padding-right: 10px;
        width: 100px;
        text-align: right;
        height: 40px;
        line-height: 40px;
    }


    div.row
    {
        clear: both;
        padding-bottom: 0px;
        margin: 0px;
    }

        div.row span.label
        {
            float: left;
            width: 75px;
            text-align: right;
            padding: 0px;
            margin: 0px;
            padding-top: 15px;
        }

        div.row span.formw
        {
            float: right;
            width: 475px;
            text-align: left;
            padding-top: 15px;
        }

    fieldset
    {
        padding: 10px;
        float: left;
        position: relative;
    }



    .options input
    {
        float: none;
        padding-left: 0;
    }

    div.buttons
    {
        clear: both;
        float: left;
        width: 300px;
        padding-top: 20px;
    }

    .options label
    {
        text-transform: none;
    }

    input[type="image"]
    {
        color: #3B0023;
        float: left;
        height: 43px!important;
        width: 138px!important;
        cursor: pointer;
        padding: 0px!important;
        margin: 0px!important;
    }

    input[type="submit"]
    {
        float: left;
        border: 0px solid #F2C9A5;
        background-image: url(http://www.pointzero.ro/wp-content/themes/pz/images/b-send.jpg);
        background-repeat: no-repeat;
        height: 43px;
        width: 138px;
        cursor: pointer;
    }

    input.inp-bt
    {
        color: #FFFFFF;
        float: left;
        border: 0px solid #F2C9A5;
        background-image: url(http://www.pointzero.ro/wp-content/themes/pz/images/b-trimite.jpg);
        background-repeat: no-repeat;
        height: 43px!important;
        width: 138px!important;
        cursor: pointer;
        padding: 0px!important;
        margin: 0px!important;
    }

    #innerform
    {
        float: none;
        padding-top: 15px;
    }

    .clearthis
    {
        clear: both;
    }

    input, textarea
    {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 0.9em;
        color: #290018;
        padding: 12px;
        width: 439px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
    }

    input
    {
        background-image: url(http://www.pointzero.ro/wp-content/themes/pz/images/input-bk.jpg);
        background-repeat: no-repeat;
        background-position: center center;
    }

    textarea
    {
        background-image: url(http://www.pointzero.ro/wp-content/themes/pz/images/textarea-bk.jpg);
        background-repeat: no-repeat;
        background-position: center center;
        padding-top: 9px;
        padding-bottom: 6px;
        font-size: 1em;
    }




    body
    {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #FFF;
        margin: 0px;
        background-color: #290018;
        line-height: 20px;
    }

    img
    {
        border: 0px;
    }

    .clr
    {
        clear: both;
    }

    a, a:link, a:visited
    {
        color: #6cd9e9;
        text-decoration: none;
    }

        a:hover
        {
            color: #ee8ec7;
        }


    #bk
    {
        background-image: url(images/background.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #8c697e;
    }

    .bk-c
    {
        background-color: #3b0023;
        background-image: url(images/bk-r.jpg);
        background-repeat: repeat-x;
        background-position: center top;
    }

    h1
    {
        font-family: 'Open Sans', sans-serif;
        color: #6cd9e9;
        font-weight: normal;
        font-size: 40px;
        float: left;
        margin-right: 0px;
        margin-bottom: 15px;
        margin-left: 0px;
        margin-top: 20px!important;
        padding-top: 0px!important;
        padding-right: 0px;
        padding-bottom: 0px!important;
        padding-left: 0px;
        line-height: 25px;
        display: inline;
    }

        h1 a:link, h1 a:visited
        {
            text-decoration: none;
            color: #6cd9e9!important;
            margin: 0px;
            padding: 0px;
        }

        h1 a:hover
        {
            text-decoration: none;
            color: #ee8ec7!important;
        }

    h2
    {
        font-family: 'Open Sans', sans-serif;
        color: #6cd9e9;
        font-weight: normal;
        margin: 0px;
        font-size: 25px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 15px!important;
        padding-left: 0px;
        line-height: 18px;
    }

        h2 a:link, h2 a:visited
        {
            text-decoration: none;
            color: #6cd9e9;
        }

        h2 a:hover
        {
            text-decoration: none;
            color: #ee8ec7;
        }

    h3
    {
        font-family: 'Open Sans', sans-serif;
        color: #6cd9e9;
    }

    #boxes
    {
        margin-bottom: 28px;
        float: left;
        width: 994px;
    }

    .cont
    {
        float: left;
        width: 940px;
        margin-bottom: 28px;
    }


    #content
    {
        margin: auto;
        width: 994px;
        padding-top: 43px;
    }

    .container
    {
        width: 940px;
        padding-right: 27px;
        padding-left: 27px;
    }

    #logo
    {
        float: left;
        height: 91px;
        width: 142px;
    }

    #menu
    {
        float: right;
        width: 550px;
        margin-top: 73px;
    }

        #menu ul
        {
            margin: 0px;
            padding: 0px;
            list-style-type: none;
        }

            #menu ul li
            {
                float: right;
                padding-left: 42px;
            }

                #menu ul li.last
                {
                    padding-right: 0px;
                }

                #menu ul li a
                {
                    text-decoration: none;
                    font-size: 1.2em;
                    line-height: 1.2em;
                    color: #FFF;
                    text-transform: lowercase;
                }

                    #menu ul li a:hover
                    {
                        border-bottom-width: 1px;
                        border-bottom-style: dashed;
                        border-bottom-color: #ee8ec7;
                    }

    div#slider
    {
        width: 940px;
        float: left;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #8c697e;
        margin-bottom: 28px;
        padding-bottom: 28px;
        position: relative;
    }

    #bt-l
    {
        background-image: url(images/arrow-l.gif);
        background-repeat: no-repeat;
        float: left;
        height: 40px;
        width: 28px;
        margin-top: 177px;
    }

    #bt-r
    {
        background-image: url(images/arrow-r.gif);
        background-repeat: no-repeat;
        float: right;
        height: 40px;
        width: 28px;
        margin-top: 177px;
    }

        #bt-l:hover, #bt-r:hover
        {
            background-position: center -40px;
        }

        #bt-l span, #bt-r span
        {
            display: none;
        }

    .slide-image
    {
        float: left;
        height: 286px;
        width: 400px;
        background-image: url(images/shadow.jpg);
        background-position: center bottom;
        background-repeat: no-repeat;
    }

        .slide-image a
        {
            border: 5px solid #5c4051;
            float: left;
            height: 238px;
        }

    .slide-desc
    {
        float: right;
        width: 400px;
        margin: 0px;
        padding: 0px;
    }

        .slide-desc h1
        {
            padding-top: 45px;
            padding-bottom: 20px;
            width: 400px;
        }

    a.bt, a.bt:visited
    {
        background-image: url(images/b-c.jpg);
        background-repeat: repeat-x;
        height: 21px;
        float: left;
        text-decoration: none;
        cursor: pointer;
        color: #fff;
        padding-top: 2px;
        font-size: 0.9em;
    }

        a.bt:hover
        {
            color: #ee8ec7;
        }

    .b-l
    {
        float: left;
        height: 23px;
        width: 8px;
        background-image: url(images/b-l.gif);
        background-repeat: no-repeat;
        background-position: left center;
        line-height: 25px;
    }

    .pd
    {
        margin-left: 10px;
    }

    .b-r
    {
        float: left;
        height: 23px;
        width: 8px;
        background-image: url(images/b-r.gif);
        background-repeat: no-repeat;
    }

    .button
    {
        margin-top: 20px;
    }

    .bt span
    {
        float: left;
        display: inline;
        font-size: 0.9em;
        line-height: 1.7em;
    }

    .box1
    {
        float: left;
        padding-right: 28px;
        border-right-width: 1px;
        border-right-style: dashed;
        width: 276px;
        margin-right: 27px;
        border-right-color: #8c697e;
    }

    .box2
    {
        float: left;
        margin-right: 0px;
        padding-right: 0px;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }

    .box3
    {
        float: left;
        padding-right: 28px;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        width: 276px;
        margin-right: 28px;
        border-bottom-color: #8c697e;
    }

    .box4
    {
        padding-right: 0px;
        margin-right: 0px;
    }

    .box-large
    {
        float: left;
        padding-right: 28px;
        border-right-width: 1px;
        border-right-style: dashed;
        width: 608px;
        margin-right: 27px;
        border-right-color: #8c697e;
    }

    #footer
    {
        width: 940px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 28px;
        margin-bottom: 28px;
        font-size: 0.8em;
    }

    ul.checks
    {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        ul.checks li
        {
            background-image: url(images/check.gif);
            background-repeat: no-repeat;
            background-position: left 7px;
            padding-left: 28px;
        }

    #title
    {
        width: 940px;
        float: left;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #8c697e;
        padding-bottom: 28px;
        padding-top: 56px;
        margin-bottom: 28px;
    }

    ul.portfolio-cont
    {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        ul.portfolio-cont .box1, ul.portfolio-cont .box2
        {
            border-right-style: none;
        }


    #boxes a img
    {
        border: 5px solid #5c4051;
        float: left;
        margin-bottom: 10px;
    }

    #boxes
    {
        padding-top: 28px;
        float: left;
    }

    .portfolio-cont h2
    {
        margin-bottom: 0px;
        padding-bottom: 5px;
        margin-top: 15px;
    }

    .p-desc
    {
        float: left;
        margin-top: 0px;
        width: 275px;
    }

    ul.portfolio-cont li
    {
        float: left;
        margin-bottom: 28px;
        border-bottom-width: 1px;
        border-bottom-style: dashed;
        border-bottom-color: #8c697e;
        padding-bottom: 28px;
        margin-top: 0px;
        margin-right: 28px;
        margin-left: 28px;
        padding-top: 0px;
        padding-right: 0px;
        width: 275px;
        padding-left: 0px;
        height: 415px;
    }

    .portfolio-cont
    {
    }

        .portfolio-cont p
        {
            margin-top: 5px;
            margin-bottom: 15px;
            line-height: 1.4em;
            height: 75px;
            overflow: hidden;
        }

    #boxes a:hover img
    {
        border: 5px solid #814169;
        float: left;
    }

    .all
    {
        margin-bottom: 28px;
        padding-bottom: 28px;
        float: left;
        width: 940px;
    }

        .all h1
        {
            margin: 0px;
            padding: 0px;
        }

    .resp
    {
        float: none;
        clear: both;
        width: auto;
        font-size: 0.75em;
        line-height: 1.4em;
        margin-top: 0px;
        margin-bottom: 13px;
    }

    .bullet
    {
        padding-left: 15px;
        background-image: url(images/bullet.gif);
        background-position: left 4px;
        background-repeat: no-repeat;
    }

    .noborder
    {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    }

    .touch
    {
        clear: both;
        float: left;
        background-image: url(http://www.pointzero.ro/wp-content/themes/pz/images/contact-icons.gif);
        background-repeat: no-repeat;
        background-position: left -2px;
        padding-left: 30px;
        margin-top: 15px;
        height: 30px;
        line-height: 2.3em;
    }

    .emaill
    {
        background-position: left -60px;
    }

    .address
    {
        background-position: left -115px;
    }

    .box-large img, .box-large a img
    {
        border: 5px solid #5c4051;
    }

    .box-large a:hover img
    {
        border: 5px solid #814169;
    }

    #sidebar dl dt
    {
        float: left;
        display: inline;
    }

    #sidebar dl dd
    {
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    #sidebar ul
    {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        #sidebar ul li
        {
            margin-top: 5px;
            margin-right: 0px;
            margin-bottom: 5px;
            margin-left: 0px;
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 5px;
            padding-left: 0px;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            border-bottom-color: #8c697e;
        }

    acronym
    {
        color: #6cd9e9;
        cursor: help;
    }

    #error
    {
        margin-left: 28px;
        margin-top: 150px;
    }

    a#fb
    {
        float: right;
        white-space: nowrap;
        padding-right: 25px;
        background-image: url(images/facebook.png);
        background-position: center right;
        background-repeat: no-repeat;
        color: #fff;
    }

    #gplus
    {
        float: right;
        white-space: nowrap;
        width: 110px;
        text-align: right;
        padding-left: 17px;
        margin-left: 17px;
        border-left: 1px solid #814169;
    }

        #gplus span
        {
            float: left;
        }


    .errorMessage
    {
        display: block;
        position: relative;
        color: #000;
        margin: 0 0 1em;
        padding: 1em;
        background-color: #6CD9E9;
        font-size: 1em;
        text-align: center;
    }

    .highlight
    {
        background: url(http://www.pointzero.ro/wp-content/themes/pz/img/marks.gif) no-repeat left -82px;
    }
</style>
